body { font-family:Helvetica, arial, sans-serif; font-size: 14px; line-height: 1.6; padding-top: 30px; padding-bottom: 10px; background-color: white; padding: 30px;padding-left:260px; max-width:1024px;}
body > *:first-child { margin-top: 0 !important; }
body > *:last-child { margin-bottom: 0 !important; }
a { color: #4183C4; text-decoration:none; }
a.absent { color: #cc0000; }
a.anchor { display: block; padding-left: 30px; margin-left: -30px; cursor: pointer; position: absolute; top: 0; left: 0; bottom: 0; }
h1, h2, h3, h4, h5, h6 { margin: 20px 0 10px; padding: 0; font-weight: bold; -webkit-font-smoothing: antialiased; cursor: text; position: relative; }
h1:hover a.anchor, h2:hover a.anchor, h3:hover a.anchor, h4:hover a.anchor, h5:hover a.anchor, h6:hover a.anchor { background: url("../../images/modules/styleguide/para.png") no-repeat 10px center; text-decoration: none; }
h1 tt, h1 code { font-size: inherit; }
h2 tt, h2 code { font-size: inherit; }
h3 tt, h3 code { font-size: inherit; }
h4 tt, h4 code { font-size: inherit; }
h5 tt, h5 code { font-size: inherit; }
h6 tt, h6 code { font-size: inherit; }
h1 { font-size: 28px; color: black; }
h2 { font-size: 24px; border-bottom: 1px solid #cccccc; color: black; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { color: #777777; font-size: 14px; }
p, blockquote, ul, ol, dl, li, table, pre { margin: 5px 0; }
hr { background: transparent url("dirty-shade.png") repeat-x 0 0; border: 0 none; color: #cccccc; height: 4px; padding: 0; clear:both;}
body > h2:first-child { margin-top: 0; padding-top: 0; }
body > h1:first-child { margin-top: 0; padding-top: 0; }
body > h1:first-child + h2 { margin-top: 0; padding-top: 0; }
body > h3:first-child, body > h4:first-child, body > h5:first-child, body > h6:first-child { margin-top: 0; padding-top: 0; }
a:first-child h1, a:first-child h2, a:first-child h3, a:first-child h4, a:first-child h5, a:first-child h6 { margin-top: 0; padding-top: 0; }
h1 p, h2 p, h3 p, h4 p, h5 p, h6 p { margin-top: 0; }
p { line-height:26px; margin-buttom: 10px;/* text-indent:28px;*/}
li p.first { display: inline-block; }
ul, ol { padding-left: 30px; }
ul :first-child, ol :first-child { margin-top: 0; }
ul :last-child, ol :last-child { margin-bottom: 0; }
dl { padding: 0; }
dl dt { font-size: 14px; font-weight: bold; font-style: italic; padding: 0; margin: 15px 0 5px; }
dl dt:first-child { padding: 0; }
dl dt > :first-child { margin-top: 0; }
dl dt > :last-child { margin-bottom: 0; }
dl dd { margin: 0 0 15px; padding: 0 15px; }
dl dd > :first-child { margin-top: 0; }
dl dd > :last-child { margin-bottom: 0; }
blockquote { border-left: 4px solid #dddddd; padding: 0 15px; color: #333; font-family:Consolas; font-size:12px; margin:10px 0; }
blockquote > :first-child { margin-top: 0; }
blockquote > :last-child { margin-bottom: 0; }
table { padding: 0;border-collapse:collapse; width:100%;}
table tr {margin: 0; padding: 0; }
table tr:nth-child(2n) { background-color: #ddd; }
table tr th { font-weight: bold; border: 1px solid #1a375d; text-align: left; margin: 0; padding: 6px 13px; background:#1a375d; color:#fff; }
table tr td { border: 1px solid #1a375d; text-align: left; margin: 0; padding: 4px 13px; }
table tr th :first-child, table tr td :first-child { margin-top: 0; }
table tr th :last-child, table tr td :last-child { margin-bottom: 0; }
img { max-width: 100%; }
span.frame { display: block; overflow: hidden; }
span.frame > span { border: 1px solid #dddddd; display: block; float: left; overflow: hidden; margin: 13px 0 0; padding: 7px; width: auto; }
span.frame span img { display: block; float: left; }
span.frame span span { clear: both; color: #333333; display: block; padding: 5px 0 0; }
span.align-center { display: block; overflow: hidden; clear: both; }
span.align-center > span { display: block; overflow: hidden; margin: 13px auto 0; text-align: center; }
span.align-center span img { margin: 0 auto; text-align: center; }
span.align-right { display: block; overflow: hidden; clear: both; }
span.align-right > span { display: block; overflow: hidden; margin: 13px 0 0; text-align: right; }
span.align-right span img { margin: 0; text-align: right; }
span.float-left { display: block; margin-right: 13px; overflow: hidden; float: left; }
span.float-left span { margin: 13px 0 0; }
span.float-right { display: block; margin-left: 13px; overflow: hidden; float: right; }
span.float-right > span { display: block; overflow: hidden; margin: 13px auto 0; text-align: right; }
code, tt { margin: 0 2px; padding: 0 5px; white-space: nowrap; border: 1px solid #eaeaea; background-color: #f8f8f8; border-radius: 3px;font-family:consolas; font-size:13px; line-height:20px;  }
pre code { margin: 0; padding: 0; white-space: pre; border: none; background: transparent; }
.highlight pre { background-color: #f8f8f8; border: 1px solid #cccccc; font-size: 12px; line-height: 19px; overflow: auto; padding: 6px 10px; border-radius: 3px; }
pre { background-color: #f8f8f8; border: 1px solid #cccccc; font-size: 12px; line-height: 19px; overflow: auto; padding: 6px 10px; border-radius: 3px;}
pre code, pre tt { background-color: transparent; border: none; white-space: pre-wrap;word-break: break-all; }

/*scrollbar*/
::-webkit-scrollbar {width: 7px;height: 7px;}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {height: 0px;display: block;background-color: transparent;}
::-webkit-scrollbar-track-piece {background: #1a375d;}
::-webkit-scrollbar-thumb {background: #1a375d;}
::-webkit-scrollbar-thumb:vertical {border-right: 2px #fff solid;height: 50px;}
::-webkit-scrollbar-thumb:horizontal {border-bottom: 2px #fff solid;width: 50px;}
::-webkit-scrollbar-thumb:hover {background: #1a375d;border-width:5px;}
/* toc style */
#toc {top: 0px;left: 0px;height: 100%;position: fixed;background: #f0f0f0;box-shadow: inset -5px 0 5px 0px #ccc;width: 250px;padding-top: 40px;color: #fff;}
#toc ul {margin: 0;padding: 0;list-style: none;}
#toc li {padding: 5px 10px;}
#toc a {color: #333;text-decoration: none;display: block;}
#toc .toc-h1 {font-weight:bold;}
#toc .toc-h2 {padding-left: 10px;}
#toc .toc-h3 {padding-left: 40px;}
#toc .toc-active {background: #336699;box-shadow: inset -5px 0px 10px -5px #000;}
#toc .toc-active a { color:#fff;}
/* top header */
header .nav{display:block;height:30px;color:#84acd3; background:#1a375d;position:fixed;left:0; top:0; right:0; z-index:1000;}
header .nav a{ display:block; height:30px;line-height:30px; padding:0 25px; float:left; color:#84acd3;margin-right:10px;}
header .nav a:hover,header .nav a.active{background:#fff;color:#000;}
header .nav a span{padding-right:15px; font-family:simsun;}
header .link {padding-left:250px;}
header .nav .page {max-width:1300px; margin-top:-30px;}
header .nav .page a{float:right;}
header  p.title{font-size:30px; font-weight:bold;}

/* #admin */
#admin .link {margin:0 0 10px 10px; }
#admin .page li { display: block; float: left;list-style:none; margin:10px 5px; }
#admin .page li a { display: block; padding:3px  10px; }
#admin .page li a.disabled {color:#ccc; }
#admin .page li a:hover { background: #84acd3; color: #fff; }